<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>仿造京东实现小功能</title>
    <style>
      body,html{

           margin:0;
      }

        select{margin-bottom:50px;}
        .combobox{
                    width:150px;
                    height:30px;
                    border:1px solid #ccc;
                    border-radius:1px;
                    font-size:14px;
                    text-align:center;
                    line-height:30px;
                    position:relative;
                    }
        .combobox:hover{
                         background-color:pink;
                          border:1px solid #666;
                          color:white;
                          cursor:pointer;
                         }

         .combobox .addon{
                width:30px;
                height:30px;
                border-left:1px solid #ccc;
                border-radius:1px;
                float:right;
                }
          .combobox .ul{
                    width:100%;
                    border:1px solid black;
                    margin:0;
                    padding-left:0;
                    list-style:none;
                    left:-1px;
                    top:30px;
                    position:absolute;
                    display:none
                    }
          .combobox:hover .ul{
                     display:block;
                     background-color:pink;
                     color:black;


           }

           .combobox .ul li{
				background-color:pink;

			}
			.combobox .ul li:hover{
				background-color:#e8e8e8;
				border:1px solid black;

    </style>
</head>
<body>
        <select>
            <option value="1">one</option>
            <option value="2">two</option>
            <option value="3">three</option>
            <option value="4">four</option>
            <option value="5">five</option>
        </select>
    <div class="combobox">
            姓名
            <span class="addon"><img src="pic.ico"></span>
            <ul class="ul">
                <li>刘明</li>
                <li>熊尧</li>
                <li>刘硕</li>
                <li>汤佳豪</li>
            </ul>
    </div>
</body>
</html>